<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="decorator :: common_header(~{::'title/text()'},~{::customHead})">
    <meta charset="UTF-8">
    <title>人员管理</title>

    <!--/*/ <th:block th:fragment="customHead" > /*/-->

    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/media/css/dataTables.bootstrap.min.css"/>

    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Buttons/css/buttons.dataTables.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Buttons/css/buttons.bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.dataTables.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.bootstrap.min.css"/>

    <link rel="stylesheet" type="text/css"
          href="lib/dialog/bootstrap-dialog.min.css"/>

    <!--/*/ </th:block > /*/-->

</head>
<body th:replace="decorator :: common_body(~{::mainBody},~{::tailScript})">
<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="mainBody" >  /*/-->
<div class="box box-primary">
    <div class="box-header with-border">
        <h3 class="box-title">用户搜索</h3>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <form id="userSearchForm" action="/userManage/getUserList">
            <!-- 防止浏览器自动提交 -->
            <input type="text" style="display: none;"/>
            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="name">姓名:</label>
                        <input id="name" name="name" type="text" placeholder="用户名"
                               class="form-control field"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="phone">手机号:</label>
                        <input id="phone" name="phone" type="text" placeholder="手机号"
                               class="form-control field"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="email">邮箱:</label>
                        <input id="email" name="identifier" type="text" placeholder="邮箱"
                               class="form-control field"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="status">状态:</label>
                        <!-- <input id="gender" name="gender" type="text" placeholder="sex"
                                class="form-control field hidden"/>-->
                        <select id="status" name="status" class="selectpicker show-tick form-control">
                            <option value="" selected="selected">不限</option>
                            <option value="USE">可用</option>
                            <option value="NOT_USE">不可用</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4">
                    <div class="form-group">
                        <button id="userSearchBtn" type="button" class="btn btn-primary btn-block btn-flat">搜索
                        </button>
                    </div>
                </div>
                <div class="col-md-4"></div>
            </div>
        </form>
    </div><!-- /.box-body -->
</div>
<div class="box box-primary tableBox">
    <div class="box-header">
        <h3 class="box-title">用户管理</h3>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <table id="userManageTable" class="table table-bordered table-hover" width="100%">
            <thead>
            <tr>
                <th class="text-center text-nowrap">序号</th>
                <th class="text-center text-nowrap">用户Id</th>
                <th class="text-center text-nowrap">用户名</th>
                <th class="text-center text-nowrap">手机号</th>
                <th class="text-center text-nowrap">邮箱</th>

                <th class="text-center text-nowrap">性别</th>
                <th class="text-center text-nowrap">创建时间</th>
                <th class="text-center text-nowrap">最后登陆ip</th>
                <th class="text-center text-nowrap">状态</th>
            </tr>
            </thead>
            <tfoot>
            <tr>
                <th class="text-center text-nowrap">序号</th>
                <th class="text-center text-nowrap">用户Id</th>
                <th class="text-center text-nowrap">用户名</th>
                <th class="text-center text-nowrap">手机号</th>
                <th class="text-center text-nowrap">邮箱</th>

                <th class="text-center text-nowrap">性别</th>
                <th class="text-center text-nowrap">创建时间</th>
                <th class="text-center text-nowrap">最后登陆ip</th>
                <th class="text-center text-nowrap">状态</th>
            </tr>
            </tfoot>
        </table>
    </div><!-- /.box-body -->
</div>
<!--/*/ </th:block>  /*/-->


<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="tailScript" > /*/-->
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/dataTables.buttons.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/buttons.bootstrap.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/buttons.html5.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Select/js/dataTables.select.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/dualListbox/jquery.bootstrap-duallistbox.min.js"></script>
<script type="text/javascript"
        src="lib/dialog/bootstrap-dialog.min.js"></script>

<!-- 自定义脚本开始 -->
<script type="text/javascript" src="js/util/commonUtils.js"></script>
<script type="text/javascript" src="js/security/httpPermit.js"></script>

<!--/*/ </th:block>  /*/-->
</body>
</html>